<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets" 
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:totoland="http://java.sun.com/jsf/composite/components">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="${request.contextPath}/resources/images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
            <script src="${request.contextPath}/resources/js/html5.js"></script>
        <link rel="stylesheet" href="${request.contextPath}/resources/css/style.css" media="screen"/>
        
        <link rel="stylesheet" href="${request.contextPath}/resources/css/style.responsive.css" media="all"/>

    </h:head>
    <h:body>
        <h:form>

            <p:panel id="REPORT_003" header="#{msg.report_003_header}">
                <p:panel header="#{formReport003Controller.reportTitle}">
                    <p:messages id="REPORT_003msgFrmDetails"></p:messages>
                    <p:panelGrid styleClass="frmDetail" id="REPORT_003pnlFrm" style="width: 100%">
                        <f:facet name="header">
                            <p:row>  
                                <p:column>หนังสือรับ</p:column>  
                                <p:column>จำนวน (ฉบับ/เรื่อง)</p:column>  
                                <p:column>หนังสือส่ง</p:column>  
                                <p:column>จำนวน (ฉบับ/เรื่อง)</p:column>  
                            </p:row>  
                        </f:facet>
                        <p:row>
                            <p:column>
                                <h:outputLabel value="#{formReport003Controller.report003.report003DetailList[0].docReceive}" />
                            </p:column>
                            <p:column>
                                #{formReport003Controller.report003.report003DetailList[0].docReceiveAmount}
                                <totoland:inputNumber disabled="#{formReport003Controller.paramMode=='view'}" tabindex="1" id="doc1" value="#{formReport003Controller.report003.report003DetailList[0].docReceiveAmount}"/>
                            </p:column>
                            <p:column>
                                <h:outputLabel value="#{formReport003Controller.report003.report003DetailList[0].docSend}"/>
                            </p:column>
                            <p:column>
                                <totoland:inputNumber disabled="#{formReport003Controller.paramMode=='view'}" id="doc1Amount" value="#{formReport003Controller.report003.report003DetailList[0].docSendAmount}"/>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputLabel value="#{formReport003Controller.report003.report003DetailList[1].docReceive}" />
                            </p:column>
                            <p:column>
                                <totoland:inputNumber disabled="#{formReport003Controller.paramMode=='view'}" tabindex="2" id="doc2" value="#{formReport003Controller.report003.report003DetailList[1].docReceiveAmount}"/>
                            </p:column>
                            <p:column>
                                <h:outputLabel value="#{formReport003Controller.report003.report003DetailList[1].docSend}" />
                            </p:column>
                            <p:column>
                                <totoland:inputNumber disabled="#{formReport003Controller.paramMode=='view'}" id="doc2Amount" value="#{formReport003Controller.report003.report003DetailList[1].docSendAmount}"/>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputLabel value="#{formReport003Controller.report003.report003DetailList[2].docReceive}"/>
                            </p:column>
                            <p:column>
                                <totoland:inputNumber disabled="#{formReport003Controller.paramMode=='view'}" tabindex="3" id="doc3" value="#{formReport003Controller.report003.report003DetailList[2].docReceiveAmount}"/>
                            </p:column>
                            <p:column>
                                <h:outputLabel value="#{formReport003Controller.report003.report003DetailList[2].docSend}"/>
                            </p:column>
                            <p:column>
                                <totoland:inputNumber disabled="#{formReport003Controller.paramMode=='view'}" id="doc3Amount" value="#{formReport003Controller.report003.report003DetailList[2].docSendAmount}"/>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputLabel value="#{formReport003Controller.report003.report003DetailList[3].docReceive}"/>
                            </p:column>
                            <p:column>
                                <totoland:inputNumber disabled="#{formReport003Controller.paramMode=='view'}" tabindex="4" id="doc4" value="#{formReport003Controller.report003.report003DetailList[3].docReceiveAmount}"/>
                            </p:column>
                            <p:column>
                                <h:outputLabel value="#{formReport003Controller.report003.report003DetailList[3].docSend}"/>
                            </p:column>
                            <p:column>
                                <totoland:inputNumber disabled="#{formReport003Controller.paramMode=='view'}" id="doc4Amount" value="#{formReport003Controller.report003.report003DetailList[3].docSendAmount}"/>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputLabel value="#{formReport003Controller.report003.report003DetailList[4].docReceive}" />
                            </p:column>
                            <p:column>
                                <totoland:inputNumber disabled="#{formReport003Controller.paramMode=='view'}" id="doc5" tabindex="5" value="#{formReport003Controller.report003.report003DetailList[4].docReceiveAmount}"/>
                            </p:column>
                            <p:column>
                                <h:outputLabel value="" />
                            </p:column>
                            <p:column>
                                <h:outputLabel value="" />
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputLabel value="#{formReport003Controller.report003.report003DetailList[5].docReceive}"/>
                            </p:column>
                            <p:column>
                                <totoland:inputNumber disabled="#{formReport003Controller.paramMode=='view'}" id="doc6" tabindex="6" value="#{formReport003Controller.report003.report003DetailList[5].docReceiveAmount}"/>
                            </p:column>
                            <p:column>
                                <h:outputLabel value="" />
                            </p:column>
                            <p:column>
                                <h:outputLabel value="" />
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputLabel value="#{formReport003Controller.report003.report003DetailList[6].docReceive}" />
                            </p:column>
                            <p:column>
                                <totoland:inputNumber disabled="#{formReport003Controller.paramMode=='view'}" id="doc7" tabindex="7" value="#{formReport003Controller.report003.report003DetailList[6].docReceiveAmount}"/>
                            </p:column>
                            <p:column>
                                <h:outputLabel value="" />
                            </p:column>
                            <p:column>
                                <h:outputLabel value="" />
                            </p:column>
                        </p:row>
                    </p:panelGrid>

                    <h:panelGroup id="REPORT_003pnlCmd" rendered="#{formReport003Controller.report003.flowStatusId!=200}">
                        <div align="center">
                            <p:commandButton value="#{msg.btn_save}" actionListener="#{formReport003Controller.save()}" id="REPORT_003btnSave" rendered="#{formReport003Controller.paramMode=='create'}"/>
                            <p:commandButton value="#{msg.btn_edit}" actionListener="#{formReport003Controller.goToEdit()}" id="REPORT_003btnEdit" rendered="#{formReport003Controller.paramMode=='view' 
                                                      and formReport003Controller.canEdit(formReport003Controller.report003.createdUserGroup,formReport003Controller.report003.reportStatus,formReport003Controller.report003.flowStatusId)}"/>
                            <p:commandButton value="#{msg.btn_close}" actionListener="#{formReport003Controller.goToClose()}" id="REPORT_003btnClose" rendered="#{formReport003Controller.paramMode=='view' || formReport003Controller.paramMode=='create'}"/>
                            <p:commandButton value="#{msg.btn_save}" actionListener="#{formReport003Controller.edit()}" id="REPORT_003btnSaveEdit" rendered="#{formReport003Controller.paramMode=='edit'}"/>
                            <p:commandButton value="#{msg.btn_cancel}" id="REPORT_003btnCancel" actionListener="#{formReport003Controller.goToCancel()}" rendered="#{formReport003Controller.paramMode=='edit'}"/>
                        </div>
                    </h:panelGroup>
                </p:panel>


            </p:panel>
        </h:form>
    </h:body>
</html>